import React, { useState, useEffect } from 'react';

import './basicTree.less';
import { nanoid } from 'nanoid';
import { Button, Modal, Form, Input } from 'antd';
const { TextArea } = Input;

import { UseModal } from '../../../../../hook';
export default function (props) {
  const [arr, setArr] = useState(['111', '222', '777111']);
  const onChange = (data) => {
    console.log('data:', data);
  };

  return (
    <div style={{ padding: '20px' }}>
      {/* { arr.map(item => (
        <div key={item.id} className="arr_all" >
          <div className="arr_item" >
            <div></div>
            <div> {item.name} </div>
          </div>

        </div>
      )) } */}

      <UseModal arr={arr} onChange={onChange} />
    </div>
  );
}
